<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alumni - Homepage</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
</head>

<body>
	<div class="container">
    	<div class="top-bar clearfix">
        	<ul>
				<li>
                	<a href="welcome.html">
	                    Welcome	
                    </a>
                </li>
                <li>
                	<a href="contact_us.html">
                    	Contacts
                    </a>
                </li>
                <li>
                	<a href="#">
                    	Log In
                    </a>
                </li>
			</ul>
        </div>
        <div class="header clearfix">
        	<h1 class="logo">
        	<a href="#">
            	Future University
                <span></span>
            </a>
        </h1>
        	<h1>
            <a href="home.html" class="center-name">
                Alumni
                <span>
                	
                </span>
            </a>
            </h1>
            
            <div class="search">
            	<div class="form">
                	<input type="text" placeholder="enter search item" />
                    <input type="submit" value="Search" />
                </div>
                
            </div>
        </div>
        
        <div class="top-slider">
          <ul class="slides">
            	<li>
  	    	    	<img src="images/slider.jpg" alt="" />
  	    		</li>
                <li>
  	    	    	<img src="images/alumni_slider_1.jpg" alt="" />
  	    		</li>
                <li>
  	    	    	<img src="images/alumni_slider_2.jpg" alt="" />
  	    		</li>
          </ul>
        </div>
        <ul class="nav">                                                   
			<li>
            	<a href="home.html">
                	Home
                </a>
            </li>
            <li>
            	<a href="alumni-spotlight.html">
                	Alumni Spotlight
                </a>
            </li>
            <li>
            <li>
            	<a href="online-community.html">
                	Online Community
                </a>
                
            </li>
            <li>
            	<a href="lost-alumni.html">
                	Lost Alumni
                </a>
                
            </li>
            <li>
            	<a href="alumni-awards.html">
                	Alumni Awards
                </a>
                
            </li>
            <li>
            	<a href="#">
                	Alumni Services
                </a>
                <ul>      
       				<li>
                    	<a href="alumni-services.html">ID Cards</a>
                    </li>
                    <li>
                    	<a href="alumni-services.html">FUE E-mail Account</a>
                    </li>
                    <li>
                    	<a href="alumni-services.html">Career Services</a>
                    </li>
                    <li>
                    	<a href="alumni-services.html">Alumni Trips</a>
                    </li>
                </ul>
            </li>
        </ul>
        
        <div class="home-content clearfix">
        	<div class="left-side">
            	<div class="home-banner clearfix">
                	<div class="text">
                    	Thanks to the 1,700+ Future University alumni Share <strong>Graduation Ceremony</strong>
                        2013!
                    </div>
                    <a href="#">View photos</a>
                </div>
                
                <div class="tabs-container">
                
                    <div id="tab-01" class="tab-content">
                        <img src="images/tab-1.jpg" alt="" />
                        <div class="details">
                        <h3>Events and Chapters Activities</h3>
                        <p>
                        	Whatever the dream, Future University can help you make that dream a reality. We offer a world of opportunity that will help you reach your goals, by learning from an outstanding other students with dreams as big as yours.
                            <br /> <br />

							Future University of Egypt is one of the newest and most promising private New Cairo.
                            </p>
                            <a href="alumni-spotlight-inner.html" class="more">Read more from the Alumni Spotlight</a>
                        </div>
                    </div>
                    <div id="tab-02" class="tab-content">
                        <img src="images/tab-2.jpg" alt="" />
                        <div class="details">
                        <h3>Events and Chapters Activities</h3>
                        <p>
                        	Whatever the dream, Future University can help you make that dream a reality. We offer a world of opportunity that will help you reach your goals, by learning from an outstanding other students with dreams as big as yours.
                            <br /> <br />

							Future University of Egypt is one of the newest and most promising private New Cairo.
                            </p>
                            <a href="alumni-spotlight-inner.html" class="more">Read more from the Alumni Spotlight</a>
                        </div>
                    </div>
                    <div id="tab-03" class="tab-content">
                        <img src="images/tab-3.jpg" alt="" />
                        <div class="details">
                        <h3>Events and Chapters Activities</h3>
                        <p>
                        	Whatever the dream, Future University can help you make that dream a reality. We offer a world of opportunity that will help you reach your goals, by learning from an outstanding other students with dreams as big as yours.
                            <br /> <br />

							Future University of Egypt is one of the newest and most promising private New Cairo.
                            </p>
                            <a href="alumni-spotlight-inner.html" class="more">Read more from the Alumni Spotlight</a>
                        </div>
                    </div>                
                </div>
                
                <ul id="tabs">
                    <li>
                    	<a href="#tab-01">To join the online community</a>
                    </li>
                    <li>
                    	<a href="#tab-02">Baseball Bounces Back</a>
                    </li>
                    <li>
                    	<a href="#tab-03">Events and Chapters Activities</a>
                    </li>
                    
                </ul>
                
                
            </div>

			<div class="right-side">
            	<h3>
                	download brochures
                </h3>
                <div class="download-brochure">
                <a href="pdf/Identity.pdf">alimni brochures</a>
                <span>
                	Click to download a PDF version of FUE
				Brochure
                </span>
                <img src="images/brochure.jpg" alt="" />
                </div>
                <div class="widget clearfix">
                	<h4>social media</h4>
                    <div class="social">
                    	<a href="" class="twitter"></a>
                        <a href="" class="facebook"></a>
                        <a href="" class="youtube"></a>
                    </div>
                </div>
                
                <h4>Alumni Video</h4>
                <div class="video">
                	<a href="#">
                    	<img src="images/video.jpg" alt="" />
                    </a>
                </div>
            </div>
        </div>
        <div class="footer clearfix">
        	<a href="#" class="footer-logo"></a>
            <div class="footer-right">
            <div class="copyright">
            	Copyright &copy; Welcome to Future University Alumni Website. All Rights Reserved
            </div>
            <ul class="footer-menu">
            	<li>
                	<a href="home.html">Home</a>
                </li>
                <li>
                	<a href="welcome.html">Welcome</a>
                </li>
                <li>
                	<a href="contact_us.html">Contact Us</a>
                </li>
                <li>
                	<a href="sitemap.html">Sitemap</a>
                </li>
              <li>
                	<a href="#">Login</a>
                </li>
            </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
